<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>audio</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  
  <div class="wave-audio">
    <h1>
      Web Audio API
    </h1>

    <div class="wrapper--audio" >
        demo2：<button id="sound-click" >点击播放</button>
    </div>

    <img src="./images/workflow-s.png" width="1000" />
    <br/>
    <h3 style="margin: 10px;" >波形</h3>
    <img src="./images/wave.png" />

    <div class="wrapper--audio">
      <div class="title" >两只老虎</div>
      demo2：<button id="sound-created" >播放</button>
    </div>

    <iframe src="http://mdn.github.io/violent-theremin/" width="1200" height="500" style="margin: 20px; background: #fff;" ></iframe>

    <canvas id="wave-surver" width="1000" height="500" ></canvas>
    <div>
      <audio controls ></audio>
    </div>

    <canvas id="wave-surver2" width="1500" height="500" style="margin-top: 20px;" ></canvas>
  </div>
  </div>
</body>
</html>